<template>
  <div class="ui_rechargedetail">
    <van-nav-bar title="充值详情">
      <van-icon color="#333"></van-icon>
    </van-nav-bar>
    <div class="success_banner">
      <!-- <i class="iconfont icon-dingdanwanchengduihao_huaban"></i>
      <div class="success_text">
        充值成功
      </div> -->
      <i class="iconfont icon-chacha"></i>
      <div class="fail_text">
        充值失败，尾号8888银行卡余额不足
      </div>
    </div>
    <van-cell-group>
      <van-cell title="提现到" value="招商银行,尾号8888" class="success_van_cell"/>
      <van-cell title="提现金额" value="188元" class="success_van_cell"/>
    </van-cell-group>
    <!-- <van-button class="success_buttom">完成</van-button> -->
    <van-button class="fail_buttom">返回钱包</van-button>
  </div>
</template>
<script>
  export default {
    name: 'rechargedetail'
  };
</script>
<style lang="less">
  .ui_rechargedetail {
    .success_banner {
      text-align: center;
      height: 290px;
      width: 750px;
      background:#fff;
      margin-bottom:30px;
      border-top: 1px solid #ccc;
      padding-top: 60px;
      .icon-dingdanwanchengduihao_huaban {
        font-size: 90px;
        color: #1cae1d;
      }
      .success_text {
        font-size: 36px;
        color: #1cae1d;
      }
      .icon-chacha{
        font-size: 90px;
        color: red;
      }
      .fail_text{
        font-size: 30px;
        color:#999;
      }
    }
    .success_van_cell {
      color: #999999;
    }
    .van-cell__title{
      color:#333;
    }
    .success_buttom {
      background-color: #f7a427;
      margin-left:30px;
      margin-top:30px;
      text-align: center;
      width: 690px;
      height: 90px;
      color: #fff;
      font-size: 36px;
      border-radius: 45px;
    }
    .fail_buttom{
      border:1px solid #f7a427;
      margin-left:30px;
      margin-top:30px;
      text-align: center;
      width: 690px;
      height: 90px;
      color: #f7a427;
      font-size: 36px;
      border-radius: 45px;
    }
  }
</style>
